<template>
    <div class="page1">
      <el-carousel :interval="4000" type="card" height="400px">
        <el-carousel-item v-for="(item,index) in list" :key="index">
          <img :src="item">
        </el-carousel-item>
      </el-carousel>
    </div>
</template>

<script>
export default {
  name: "Page1",
  data: function (){
    return{
      list: [
          "https://imgcps.jd.com/img-cubic/creative_server_cia_jdcloud/v2/2000366/100018818732/FocusFullshop/CkRqZnMvdDEvMTcyMjUwLzM2LzE4OTUyLzQ3NDA1OC82MGU2YTU1NkU3OTkzODhhOC9mY2I2MGIyYjg3ZTU1M2RlLnBuZxIJMy10eV8wXzU0MAI47ot6QhMKD-aegeexs-aKleW9seacuhAAQhAKDOmSnOaDoOadpeiirRABQhAKDOeri-WNs-aKoui0rRACQgoKBuWKm-iNkBAHWKyd2Mz0Ag/cr/s/q.jpg",
          "https://imgcps.jd.com/img-cubic/creative_server_cia_jdcloud/v2/2000366/100024658178/FocusFullshop/CkRqZnMvdDEvMTEzNjU3LzE2LzIyOTYwLzE5NTYzOC82MTQxYjg4NEU5YjYyMjY2Ny8yNjM4YWZmODY4MjJjNTBkLnBuZxIJNC10eV8wXzU1MAI47ot6QhIKDkFNSVJP576O5a655ZmoEABCEAoM6ZKc5oOg5p2l6KKtEAFCEAoM56uL5Y2z5oqi6LStEAJCBwoD5oqiEAdYgtK8z_QC/cr/s/q.jpg",
          "https://img13.360buyimg.com/da/s1180x940_jfs/t1/171466/29/23591/60262/6192fd91Ed2dd2b8a/5e976850bf380116.jpg.webp",
          "https://imgcps.jd.com/ling4/100005483298/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5bd8253082acdd181d02fa33/340fb91e/cr/s/q.jpg",
          "https://imgcps.jd.com/ling4/100026667884/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5bd8253082acdd181d02fa5d/6c8621cb/cr/s/q.jpg",
          "https://imgcps.jd.com/ling4/100014352539/5Lqs6YCJ5aW96LSn/5L2g5YC85b6X5oul5pyJ/p-5bd8253082acdd181d02f9ff/68ea4da3/cr/s/q.jpg",
      ]
    }
  },
  methods: {

  },
  created() {

  },
}
</script>

<style scoped>
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}
  img{
    width: 100%;
    height: 100%;
  }
</style>